<template>
	<div>
		<div id="quan">
			<div id="top"></div>
			<div id="login_kuang">
				<div id="xiaokuang">
					<h1>登陆</h1><br />
					<h3>&nbsp;&nbsp;&nbsp;&nbsp;用户名：</h3>&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="userName"  value="userName" onfocus='if(this.value=="userName"){this.value="";}; ' onblur='if(this.value==""){this.value="userName";};' /><br /><br />
					<h3>&nbsp;&nbsp;&nbsp;&nbsp;密码：</h3>&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="userPwd"  value="userPwd" onfocus='if(this.value=="userPwd"){this.value="";this.type="password"}; ' onblur='if(this.value==""){this.value="userPwd";this.type="text";};' /><br /><br />
					<input type="button" id="login" value="登陆" />&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="button" @click="jump" id="register" value="注册" />&nbsp;&nbsp;&nbsp;&nbsp;
					<a id="ftPwd">忘记密码？</a>
				</div>
			</div>
		</div>
	</div>
</template>


<script>
	export default {
		name: 'login',
		data() {
			return {
				msg: ''
			}
		},
		methods: {
		    jump(){
		   		this.$router.push({path: 'register'});
    		}
  		}
	}
	
</script>




<style scoped>
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
	font-family: Times New Roman;
}


#quan
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../../www/img/banner1.jpg) no-repeat;
	background-size: 100% 100%;
}

#top
{
	width: 100%;
	height: 60px;
	background: #992168;
}

#login_kuang
{
	width: 400px;
	height: 320px;
	border: 1px solid #992168;
	position: absolute;
	top: 200px;
	right: 300px;
	border-radius: 10px;
	background: #992168;
	opacity: 0.9;
}
#xiaokuang
{
	width: 350px;
	height: 300px;
	margin-top: 30px;
	margin-left: 25px;
}
#userName
{
	width: 250px;
	height: 30px;
	font-family: "微软雅黑";
	color: darkslateblue;
}
#userPwd
{
	width: 250px;
	height: 30px;
	font-family: "微软雅黑";
	color: darkslateblue;
}
#login
{
	width: 80px;
	height: 30px;
	margin-left: 20px;
	border-radius: 5px;
	border: none;
	font-family: "微软雅黑";
	color: darkslateblue;
}
#login:hover
{
	cursor: pointer;
}

#register
{
	width: 80px;
	height: 30px;
	margin-left: 30px;
	border-radius: 5px;
	border: none;
	font-family: "微软雅黑";
	color: darkslateblue;
}
#register:hover
{
	cursor: pointer;
}

#ftPwd
{
	font-size: 11px;
	color: blue;
}
#ftPwd:hover
{
	cursor: pointer;
}



</style>